<template>
  <ProductDetailView ref="ProductDetailView"
                     :course_id="course_id"
                     :mounted_teacher_id="mounted_teacher_id"></ProductDetailView>
</template>

<script>
import ProductDetailView from "./ProductDetailView.vue";

export default {
  components: {
    ProductDetailView
  },
  data() {
    return {
      course_id: null,
      mounted_teacher_id: null,
    }
  },
  onShareAppMessage(shareOption) {
    return this.$refs.ProductDetailView.shareAppMessage(shareOption)
  },
  onLoad({course_id, mounted_teacher_id}) {
    this.course_id = course_id
    this.mounted_teacher_id = mounted_teacher_id
  },
  onShow() {
    if (this.$refs.ProductDetailView && this.$refs.ProductDetailView.show) {
      console.log(this.$refs.ProductDetailView)
      return this.$refs.ProductDetailView.show()
    }
  }
}
</script>

<style lang="scss">
page {
  background-color: #f0f0f0;
}

</style>
